import React from 'react';

export default function MessageDlg(props) {


  return (
    <div className="lottery_modal byte-modal v-transfer-dom" style={{display:props.hide?"none":""}}>
      <div
        className="byte-modal__mask"
        style={{zIndex:1012,background:"rgba(0, 0, 0, 0.2)"}}
      ></div>
      <div className="byte-modal__wrapper" style={{zIndex:1012}}>
        <div className="byte-modal__content" style={{width:"400px"}}>
          <div className="byte-modal__header">
            <span className="byte-modal__title">🎉{props.data.type!==2?'恭喜中奖！':'触发彩蛋！'} </span>
            <span aria-label="Close" className="byte-modal__headerbtn" onClick={props.close}>
              <i className="byte-icon byte-icon--close">
                <svg
                  t="1561638608887"
                  className="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="441911"
                  xmlnsXlink="http://www.w3.org/1999/xlink"
                >
                  <path
                    d="M512 448l288-288c6.4-6.4 19.2-6.4 32 0l25.6 32c6.4 6.4 6.4 19.2 0 32L569.6 505.6l288 288c6.4 6.4 6.4 19.2 0 32l-32 32c-6.4 6.4-19.2 6.4-32 0L512 569.6l-288 288c-6.4 6.4-19.2 6.4-32 0l-32-32c-6.4-6.4-6.4-19.2 0-32L448 505.6 160 224c-6.4-12.8-6.4-25.6 0-32l32-32c6.4-6.4 19.2-6.4 32 0L512 448z"
                    p-id="441912"
                  ></path>
                  <path
                    d="M512 448l288-288c6.4-6.4 19.2-6.4 32 0l25.6 32c6.4 6.4 6.4 19.2 0 32L569.6 505.6l288 288c6.4 6.4 6.4 19.2 0 32l-32 32c-6.4 6.4-19.2 6.4-32 0L512 569.6l-288 288c-6.4 6.4-19.2 6.4-32 0l-32-32c-6.4-6.4-6.4-19.2 0-32L448 505.6 160 224c-6.4-12.8-6.4-25.6 0-32l32-32c6.4-6.4 19.2-6.4 32 0L512 448z"
                    p-id="441913"
                  ></path>
                </svg>
              </i>
            </span>
          </div>
          <div className="byte-modal__body">
            <div className="wrapper">
              <img
                src={props.data.award_image}
              />
              <div className="title">
                {props.data.type!==2?props.data.award_name:'触发彩蛋'}
              </div>
              <div className="desc">
                <div className="desc">
                  <p >
                  {props.data.type===1?'恭喜你抽中'+props.data.award_name+'，请联系工作人员获取奖品':props.data.type===3? '本次抽中的矿石已累加到你的当前矿石数中':'恭喜你抽中了一个bug，请保留好，敬请期待妙用'}
                  </p>
                </div>
              </div>
              <button className="submit" onClick={props.again}>
                再抽一次
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
